<template>
  <div class="content">
    <h3 style="text-align: center">门户</h3>
    <el-menu>
      <el-menu-item index="1" @click="ShowItem(1)">
        <i class="el-icon-user"></i>
        <span slot="title">已发布</span>
      </el-menu-item>
      <el-menu-item index="2" @click="ShowItem(2)">
        <i class="el-icon-star-on"></i>
        <span slot="title">发布</span>
      </el-menu-item>
       <el-menu-item index="3" @click="ShowItem(3)">
        <i class="el-icon-s-cooperation"></i>
        <span slot="title">查看个人资料</span>
      </el-menu-item>
       </el-menu-item>
        <el-menu-item index="4" @click="ShowItem(4)">
        <i class="el-icon-s-custom"></i>
        <span slot="title">科研活动</span>
      </el-menu-item>
    </el-menu>
  </div>
</template>

<script>
export default {
  name: "tolaunchchoosepad",
  data(){
    return{
      showitem: '',
    }
  },
  methods:{
    ShowItem(v){
      this.showitem = v.toString();
      this.$emit("filepadchoice", this.showitem);
    }
  },

}
</script>

<style scoped>
.content{
  width: 20em;
}
.item {
  margin-top: -1em;
  margin-right: 2em;
}
</style>

<!-- <div class="shell" style="top: 8%;z-index: 1;position: fixed;left:0" @mouseover="changeflag(true)"
			@mouseout="changeflag(false)">
			<a class="box"><span></span></a>
			<a style="cursor: pointer;" class="box" @click="gotoLaunched()"><i class="el-icon-s-claim"></i><span>已发布</span></a>
			<a style="cursor: pointer;" class="box" @click="gototolaunch()"><i class="el-icon-s-order"></i><span>发布/待发布</span></a>
			<a style="cursor: pointer;" class="box"><i class="el-icon-user-solid" @click="seeperson()"></i><span>个人资料</span></a>
			<a style="cursor: pointer;" class="box"><i class="el-icon-s-cooperation"></i><span>科研活动</span></a>
			<a style="cursor: pointer;" class="box" @click="gotoPerson()"><i class="el-icon-s-custom"></i><span>个人空间</span></a>
		</div> -->